<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@include file="../default.jsp" %>
<title></title>
<link href="<%=request.getContextPath()%>/css/passport.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=request.getContextPath()%>/js/service/login/check.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/service/login/register.js"></script>
<script type="text/javascript">
	document.title = '<%=webProperties.getPropertiesVal("web", "user.register.title") %>';
</script>
</head>
<body style="background-color: white;">
	<div id="container">
		<form action="" method="post" name="registerform" id="registerform" > 
		<div id="main">
				<h1>注册新用户</h1>
				<div id="content">
					<div class="regBox" id="innerContent">
						<div class="tBox">
							<p class="regTitle"><strong>填写账户信息，以下信息均为必填：</strong></p>
							<p>
								<label>邮箱：</label>
								<input id="email" name="user.email" autocomplete="off" type="text" value=""  class="fl" maxlength='100' 6 onkeyup="showoff('email_desc');" onblur="checkEmailOnBlur();" onFocus="checkEmailOnBlur();hideOtherTips('email');"/>
								<span id="email_desc" class="fl"></span>							
							</p>
							<p class="extra regRemind"><span id="email_tip">邮箱可用于找回密码，接收订单通知等</span><span id="email_error"></span></p>
							
							<p>
								<label>用户名：</label>
								<input id="name" name="user.name" type="text" value=""  onFocus="hideOtherTips('name')" onblur="checkNameOnBlur();" class="fl" onkeyup="showoff('name_desc');"/>
								<span id="name_desc" class="fl"></span>
							</p>
							<p class="extra regRemind"><span id="name_tip" style="display:none">4－20位字符，可由中文，字母，数字及特殊字符组成</span><span id="name_error"></span></p>
							
							<p>
								<label>密码：</label>
								<input id="password" name="user.password"  type="password" onblur="checkPasswordOnBlur();" oncopy="return false;" oncut="return false;" onpaste="return false;" onFocus="checkPassWordContent();hideOtherTips('password2');showoff('password2_desc');" onkeyup="changePassStrong();showoff('password_desc');" class="fl"/>
								
								<span id="passwordDesc"></span> 
								<span id="password_desc" class="fl"></span>
							</p>
							<p class="extra regRemind pswdLevel"><span id="password_tip" style="display:none">6－20位字符，可由大小写英文、数字或符号组成</span><span id="password_error"></span><span class="pswdLevelA" id="pswdLevel" style="display:none"></span></p>
							<p>
								<label>确认密码：</label>
								<input id="password2" name="password2" type="password"   onblur="checkPassword2OnBlur();" oncopy="return false;" oncut="return false;" onpaste="return false;" onFocus="hideOtherTips('password2')" class="fl"  onkeyup="showoff('password2_desc');" readonly=""/>
								<span id="password2_desc" class="fl"></span>
							</p>
							<p class="extra regRemind"><span id="password2_tip" style="display:none">请再次输入登录密码</span><span id="password2_error"></span></p>
							<p class="verCode">
								<label>验证码：</label>
								<input name="validCode" id="validCode" type="text" class="w50 fl" onFocus="hideOtherTips('validCode')"  onkeyup="showoff('validCode_desc');"/>
								<img id="valid_code_pic" alt="" src="../verifiCode.ajax" style="border:0px;"><span class="vlidCdSpan">看不清，<a href="javascript:refresh_valid_code();">换一张</a></span>
								<span id="validCode_desc"  style="display:none" ></span>
							</p>
							<p class="extra regRemind"><span id="validCode_tip" style="display:none">请输入图片中的字符，不区分大小写</span><span id="validCode_error"></span></p>			
						</div>
						<div class="warn agreeBox">
						<span id="contract_desc" style="display:none" class="errorinfo">请选择"1号店"服务协议方可注册</span>
							<p class="yhdSerLink">
								<a onclick="window.open('../deal.form','', 'width=600,height=600,scrollbars=1')" href="#">《本店服务协议》</a>
							</p>
							<div class="btnBox">
						   		<button class="btn" type="button" onclick="javascript:mySubmit();return false;">同意协议并注册</button>
					    	</div>
						</div>
					</div>
				</div>
			</div>
		</form>
	</div>
</body>
</html>